<template>
  <div class="content">
      <lineTree :pd='pd'></lineTree >
  </div>
</template>
<style lang="less" scoped>
	.content{
		float: left;
	}
</style>
<script>
	import lineTree from "./lineTree.vue"
export default {
  data() {
    return {
      pd: [
        {
          label: "一级菜单（1）",
          children: []
        },
        {
          label: "一级菜单（2）",
          children: [
            {
              label: "二级菜单（2-1）",
              children: []
            },
            {
              label: "二级菜单（2-2）",
              children: [
                {
                  label: "三级菜单（2-2-1）"
                },
                {
                  label: "三级菜单（2-2-2）"
                },
                {
                  label: "三级菜单（2-2-3）"
                }
              ]
            }
          ]
        },
		{
		  label: "一级菜单（3）",
		  children: [
		    {
		      label: "二级菜单（3-1）",
		      children: []
		    },
		    {
		      label: "二级菜单（3-2）",
		      children: [
		        {
		          label: "三级菜单（3-2-1）"
		        },
		        {
		          label: "三级菜单（3-2-2）"
		        },
		        {
		          label: "三级菜单（3-2-3）"
		        }
		      ]
		    }
		  ]
		},
		{
		  label: "一级菜单（4）",
		  children: [
		    {
		      label: "二级菜单（4-1）",
		      children: []
		    },
		    {
		      label: "二级菜单（4-2）",
		      children: [
		        {
		          label: "三级菜单（4-2-1）"
		        },
		        {
		          label: "三级菜单（4-2-2）"
		        },
		        {
		          label: "三级菜单（4-2-3）"
		        }
		      ]
		    }
		  ]
		},
       
      ]
    };
  },
  components:{
	  lineTree
  }
};
</script>